<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>jd-购物车页面</title>
    <link rel="stylesheet" href="http://at.alicdn.com/t/font_3263454_xixe0q5hlr7.css">
    <link rel="stylesheet" href="./swiper-7.4.1/swiper/swiper-bundle.min.css">
    <link rel="stylesheet" href="./css/navigationBar.css">
    <link rel="stylesheet" href="./css/shopping-cart.css">
</head>

<body>
    <nav>
        <div class="nav_content">
            <ul class="left">
                <li>
                    <a href="./index.html" class=""><span class="iconfont icon-shouyeshouye"></span>京东首页</a>
                </li>
                <li>
                    <a href="" class=""><span class="iconfont icon-weizhi"></span>福建</a>
                </li>
            </ul>
            <ul class="right">
                <li class="dropdown">
                    <a href="./jd-login.html" class="login">你好，请登录</a>
                    <a href="">免费注册</a>
                </li>
                <li><a href="">我的订单</a></li>
                <li class="myjd dropdown"><a href="">我的京东<span class="iconfont icon-xiajiantou"></span></a>
                    <div class="dropdown-layer">
                        <section class="myjdlist">
                            <div>待处理订单</div>
                            <div>我的问答</div>
                            <div>返修退换货</div>
                            <div>我的关注</div>
                            <div>降价商品</div>
                        </section>
                        <section class="myjdlist2">
                            <div>我的京豆</div>
                            <div>我的优惠券</div>
                            <div>我的白条</div>
                            <div>我的理财</div>
                        </section>
                    </div>
                </li>
                <li><a href="">京东会员</a></li>
                <li class="companny dropdown">
                    <a href="">企业采购<span class="iconfont icon-xiajiantou"></span></a>
                    <div class="dropdown-layer">
                        <section class="myjdlist">
                            <div>企业购</div>
                            <div>公共采购平台</div>
                            <div>工业品</div>
                            <div>商用场景观</div>
                            <div>礼品卡</div>
                            <div>企业微信购</div>
                            <div>工品优选</div>
                            <div>京东锦礼</div>
                            <div>大中型客户采购</div>
                        </section>
                    </div>
                </li>
                <li><a href="">客户服务<span class="iconfont icon-xiajiantou"></span></a></li>
                <li><a href="">网站导航<span class="iconfont icon-xiajiantou"></span></a></li>
                <li class="phone_jd">
                    <a href="">手机京东</a>
                    <!-- 二维码 -->
                    <!-- <div>
                        <div></div>
                    </div> -->
                </li>
                <li><a href="">网站无障碍</a></li>
            </ul>
        </div>
    </nav>
    <header>
        <a href=""></a>
        <div class="search">
            <input type="text">
            <input type="button" value="搜索">
        </div>
    </header>
    <main>
        <section class="header">
            <div class="title">
                <span>全部商品</span>
                <span class="goodsNum">2</span>
            </div>
            <div class="address">
                配送至：<select name="" id="">
                    <option value="">福建福州市长乐区城区</option>
                </select>
            </div>
        </section>

        <section class="goods-message">
            <div class="thead">
                <div class="tr">
                    <div class="th">
                        <input type="checkbox" name="" id="">
                        全选
                    </div>
                    <div class="th">商品</div>
                    <div class="th" style="margin-left: 38%;">单价</div>
                    <div class="th">数量</div>
                    <div class="th">小计</div>
                    <div class="th">操作</div>
                </div>
            </div>

            <div class="tbody">
                <section>
                    <div class="merchant">
                        <input type="checkbox" name="" id="">联想京东自营商店<i class="merchant_icon"></i>
                    </div>
                    <div class="tr">
                        <div class="td">
                            <input type="checkbox" name="" id="">
                        </div>
                        <div class="td goods-details">
                            <img src="https://img11.360buyimg.com/n0/s80x80_jfs/t1/188236/16/21882/283793/6231b600E7b22fbc9/9fda9d86e788ed0b.jpg.dpg"
                                alt="">
                            <p>联想拯救者Y7000P 2022 15.6英寸游戏笔记本电脑(12代 i7-12700H 16G 512G RTX3050 2.5k 165Hz高色域)钛晶灰</p>
                            <div>
                                <p>Y7000P 2022/RTX3050/12代i7</p>
                                <span>官方标配</span>
                            </div>
                        </div>
                        <div class="td price">
                            ￥7,499.00
                        </div>
                        <div class="td num-control">
                            <section>
                                <span>-</span>
                                <span contenteditable="true">
                                    <input type="text" value="1">
                                </span>
                                <span>+</span>
                            </section>
                            <section>有货</section>
                        </div>
                        <div class="td total-price">
                            <b>¥<i>7499</i>.00</b>
                        </div>
                        <div class="td operate">
                            <span>删除</span>
                            <br>
                            <span>移入关注</span>
                        </div>
                    </div>
                </section>
                <section>
                    <!-- 商店名 -->
                    <div class="merchant">
                        <input type="checkbox" name="" id="">2件9折
                    </div>
                    <div class="tr">
                        <div class="td">
                            <input type="checkbox" name="" id="">
                        </div>
                        <div class="td goods-details">
                            <img src="https://img11.360buyimg.com/n5/jfs/t1/95921/27/26964/149770/623ac2c9Ebe4a4df6/800269a3e97b49ea.jpg"
                                alt="">
                            <p>伊利 纯牛奶 250ml*24盒/箱 全脂营养早餐伴侣 优质乳蛋白 整箱家庭装 李现同款 礼盒装 苏翊鸣同款</p>
                            <div>
                                <p>【奥运品质】纯牛奶24盒</p>
                                <span></span>
                            </div>
                        </div>
                        <div class="td price">
                            ￥75.00
                        </div>
                        <div class="td num-control">
                            <section>
                                <span>-</span>
                                <span contenteditable="true">
                                    <input type="text" value="1">
                                </span>
                                <span>+</span>
                            </section>
                            <section>有货</section>
                        </div>
                        <div class="td total-price">
                            <b>¥<i>75</i>.00</b>
                        </div>
                        <div class="td operate">
                            <span>删除</span>
                            <br>
                            <span>移入关注</span>
                        </div>
                    </div>
                </section>
            </div>
            <div class="tfooter">
                <div class="tr">
                    <div class="td">
                        <input type="checkbox" name="" id="">
                        全选
                    </div>
                    <div class="td" style="margin-left: 10px;">删除选中的商品</div>
                    <div class="td" style="margin-left: 10px;">移入关注</div>
                    <div class="td" style="margin-left: 10px;"><b>清理购物车</b></div>
                    <div class="td" style="margin-left: 38%;">已选择<em>0</em>件商品<i
                            class="iconfont icon-xiangshangjiantou"></i></div>
                    <div class="td sum" style="">总价:<b>￥</b><b>0.00</b><i class="price-tips"></i></div>
                    <div class="td" style="">去结算</div>
                </div>
            </div>
        </section>

        <section class="guess_slider">
            <div class="guess_slider_title">
                <span>猜你喜欢</span>
                <span>随手购</span>
            </div>
            <div class="swiper mySwiper">
                <div class="swiper-wrapper">
                    <div class="swiper-slide">
                        <!-- <section>
                        <img src="https://img30.360buyimg.com/n4/s160x160_jfs/t1/91040/25/25799/211194/62451991E0a988c00/d18307cc59c1f1d7.jpg" alt="">
                        <p>联想（Lenovo） 拯救者Y7000P 2022款2.5K电竞屏游戏笔记本电脑 i5-12500H 标配丨16G内存 512G固态 165Hz高刷新率 RTX3050高色域专业电竞屏</p>
                        <p><strong><em>￥</em><i>7799.00</i></strong></p>
                        <button>加入购物车</button>
                      </section> -->
                    </div>
                </div>
                <div class="swiper-button-next"></div>
                <div class="swiper-button-prev"></div>
            </div>
        </section>
    </main>
    <aside>
        <div class="middle">
            <section class="focus">我的关注</section>
            <section class="package">
                <div></div>
            </section>
            <section class="Jd">
                <div></div>
            </section>
        </div>
        <div class="bottom">
            <section></section>
            <section></section>
            <section></section>
        </div>
    </aside>
    <script src="./js/data.js"></script>
    <script src="https://cdn.staticfile.org/jquery/1.10.2/jquery.min.js"></script>
    <script src="./swiper-7.4.1/swiper/swiper-bundle.min.js"></script>
    <script src="./js/public.js"></script>
    <script src="./js/shop.js"></script>
</body>

</html>